<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<title>我的博客</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/jquery-ui.min.css" />
		<link rel="stylesheet" href="css/blog.css" />
		<link rel="stylesheet" href="css/menu.css" />
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jq-extends.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/menu.js"></script>
		<script type="text/javascript" src="js/nojs.js"></script>
		<script type="text/javascript" src="js/nojs-module-file.js"></script>
		<link rel="stylesheet" href="js/countdown/jcountdown.css" />
		<script type="text/javascript" src="js/countdown/jquery.jcountdown.min.js"></script>
		<script>
			$(function() {
				$("form").on("submit", function() {
					console.info(123);
					return false;
				});

			});

			$(function() {
				var b = new Date;
				var b = -b.getTimezoneOffset() / 60;
				var i = '2016/12/9 10:50:00';
				var config = {
					timeText: i, //倒计时时间
					timeZone: b, //时区
					style: "slide", //显示的样式，可选值有flip,slide,metal,crystal
					color: "white", //显示的颜色，可选值white,black
					width: 0, //倒计时宽度
					textGroupSpace: 15, //天、时、分、秒之间间距
					textSpace: 0, //数字之间间距
					reflection: 0, //是否显示倒影
					reflectionOpacity: 10, //倒影透明度
					reflectionBlur: 0, //倒影模糊程度
					dayTextNumber: 3, //倒计时天数数字个数
					displayDay: 0, //是否显示天数
					displayHour: 0, //是否显示小时数
					displayMinute: !0, //是否显示分钟数
					displaySecond: !0, //是否显示秒数
					displayLabel: !0, //是否显示倒计时底部label
					onFinish: function() {}
				};
				$(".aa").jCountdown(config);
			});
		</script>
		<style>
			li {
				list-style-type: none;
			}
			
			</style </head> <body> <!--容器开始--> <div class="container"> <div class="row"> <div class="col-md-12"> <form class="form-horizontal validate" role="form" method="post"> <div class="page-header"> <h3 class=" text-center"> 试卷1 </h3> </div> <div class="jumbotron"> <strong>时间设定：</strong>2016-10-10--2016-10-12&nbsp;
			&nbsp;
			<strong>考试时长：</strong>100分钟&nbsp;
			&nbsp;
			<strong>卷面总分:</strong>100&nbsp;
			&nbsp;
			<strong>及格分数:</strong>60;
			<div class="aa"></div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h2 class="panel-title">单选题(xxxx)</h2> </div> <div class="panel-body"> <span class="label label-info">1</span> <span>车辆在较窄的山路上行驶时，如果靠山体的一方不让行，应怎样做？</span>;
			<ul> <li>A标题一</li> <li>B 标题二 </li> </ul> <hr> <span class="label label-info">2</span> <span>车辆在较窄的山路上行驶时，如果靠山体的一方不让行，应怎样做？</span>;
			<ul> <li>A标题一</li> <li>B 标题二 </li> </ul> <hr> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">多选题</h3> </div> <div class="panel-body"> <span class="label label-info">1</span> <span>车辆在较窄的山路上行驶时，如果靠山体的一方不让行，应怎样做？</span>;
			<ul> <li>A标题一</li> <li>B 标题二 </li> </ul> <hr> <span class="label label-info">2</span> <span>车辆在较窄的山路上行驶时，如果靠山体的一方不让行，应怎样做？</span>;
			<ul> <li>A标题一</li> <li>B 标题二 </li> </ul> <hr> </div> </div> </form> </div> </div> <!--容器结束--> </div> </body> </html>